<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" name="viewport">
    <meta content="ie=edge" http-equiv="X-UA-Compatible">
    <title>{$data.title}</title>
</head>
<style>
    * {
        padding: 0;
        margin: 0;
        font-size: 0.24rem;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        white-space: normal;
        letter-spacing: 0.02rem;
        word-break:break-all;
        word-wrap:break-word
    }

    .bigBox {
        padding: 0 0.48rem 0;
        box-sizing: border-box;
    }

    .title {
        font-size: 0.32rem;
        color: #24252A;
        line-height: 0.44rem;
        margin-bottom: 0.36rem;
        margin-top: 0.48rem;
    }

    .des {
        color: #9FA1AA;
        line-height: 0.34rem;
        margin-bottom: 0.2rem;
    }
</style>
<body>
<div class="bigBox">
    {foreach name="data['data']" item="vo"}
    <div class="title">{$vo['title']}</div>
    <div class="desBox">
        {foreach name="$vo.list" item="vv"}
        <div class="des">{$vv}</div>
        {/foreach}
    </div>
    {/foreach}
    <br>
</div>
</body>
<script src="/static/astro_explain_new/js/jquery-1.11.3.min.js"></script>
<script src="/static/rem-suit.js"></script>
<script type="text/javascript">

</script>
</html>
